<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 顶部banner -->
    <div class="top_banner">
        <div class="top_banner_inner w">
            <!-- 图标区域 -->
            <div class="top_banner_left">
                <div class="tbl_block1">
                    <img src="./img/logo.png" alt="">
                </div>
                <div class="tbl_block2">
                    <h4>萌宠乐园</h4>
                    <h6>Service for Dogs and Cats</h6>
                </div>
            </div>
            <!-- 登录、注册区域 -->
            <div class="top_banner_user">
                <a href="login.html">登录</a>
                <span>|</span>
                <a href="register.html">注册</a>
            </div>
            <!-- 用户名 -->
            <div class="top_banner_info">
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="nav_inner w">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="aboutUs.html">关于我们</a></li>
                <li><a href="news.html">内容分享</a></li>
                <li><a href="product.html">产品中心</a></li>
                <li><a href="master.html">专家团队</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner scroller_picture">
            <div class="carousel-item active">
                <div class="mask w">
                    <div class="mask_title">千万宠爱 专业呵护</div>
                    <div class="mask_body">我们为您的宠物提供一个非常热情友好的环境</div>
                    <button class="mask_button">立即预约</button>
                </div>
                <img src="/img/1.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <div class="mask">
                    <div class="mask_title">千万宠爱 专业呵护</div>
                    <div class="mask_body">我们为您的宠物提供一个非常热情友好的环境</div>
                    <button class="mask_button">立即预约</button>
                </div>
                <img src="/img/2.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <div class="mask">
                    <div class="mask_title">千万宠爱 专业呵护</div>
                    <div class="mask_body">我们为您的宠物提供一个非常热情友好的环境</div>
                    <button class="mask_button">立即预约</button>
                </div>
                <img src="/img/3.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!-- 关于我们 -->
    <div class="w about_us">
        <div class="about_us_continer">
            <div class="about_inner">
                <div class="about_title">关于我们</div>
                <div class="about_body">
                    现在我们有多年培养萌宠经验，我们爱宠物的每一部分我们的工作！我们为您的宠物提供一个非常热情友好的环境。我们的专业团队确保您的宠物总是较高水平的护理，因为我们对所有的宠物就像自己的一家人一样。
                </div>
                <div class="about_button"><a>查看更多</a></div>
            </div>
            <div class="about_img">
                <img src="./img/image1.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 内容介绍 -->
    <div class="full">
        <div class="full_continer w">
            <div class="full_inner">
                <div class="full_inner_item">
                    <div class="full_inner_image">
                        <img src="./img/icon1.png" alt="">
                    </div>
                    <div class="full_inner_novel">
                        <div>宠物美容师</div>
                        <div>我们的专业团队提供特殊的美容服务，宠物美容对宠物的健康大有益处</div>
                    </div>
                </div>
                <div class="full_inner_item">
                    <div class="full_inner_image">
                        <img src="./img/icon2.png" alt="">
                    </div>
                    <div class="full_inner_novel">
                        <div>贵宾服务</div>
                        <div>给您的宠物个性化服务，提供宠物用品；猫、狗洁净用品；其他小动物附属用品</div>
                    </div>
                </div>
                <div class="full_inner_item">
                    <div class="full_inner_image">
                        <img src="./img/icon3.png" alt="">
                    </div>
                    <div class="full_inner_novel">
                        <div>我们爱每一个宠物</div>
                        <div>它们不仅仅是宠物更是家人，我们还有专业团体，包括兽科技术员，兽医助理和接待员</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 服务介绍 -->
    <div class="service">
        <div class="part_title">我们的服务</div>
        <div class="part_decoration"><img src="./img/xhx_01.jpg" alt=""></div>
        <div class="service_continer w">
            <div class="service_inner">
                <div class="service_inner_parent">
                    <div class="si_div1">
                        <div class="si_div_continer1">
                            <div>全面梳理美容<img src="./img/icon1.png" alt=""></div>
                            <div>你的宠物与我们在可靠的人手中，让你的宠物喜欢的放心的保健中心。</div>
                        </div>
                    </div>
                    <div class="si_div2">
                        <div class="si_div_continer1">
                            <div>宠物清洗<img src="./img/icon3.png" alt=""></div>
                            <div>我们使用一个不同的洗发水沐浴露根据不同类型和品种来清洗。</div>
                        </div>
                    </div>
                    <div class="si_div3">
                        <img src="./img/image2.jpg" alt="">
                    </div>
                    <div class="si_div4">
                        <div class="si_div_continer2">
                            <div><img src="./img/icon3.png" alt="">宠物造型</div>
                            <div>我们的团队的宠物发型师很乐意让你的动物看起来很快乐。</div>
                        </div>
                    </div>
                    <div class="si_div5">
                        <div class="si_div_continer2">
                            <div><img src="./img/icon3.png" alt="">宠物医疗</div>
                            <div>专业团体，包括兽科技术员，兽医助理和接待员．全部受过处理急症所需要的训练。</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 萌宠图片 -->
    <div class="animal_picture">
        <div class="animal_continer">
            <div class="animal_picture_parent">
                <div class="ap_div1"><img src="./img/zp2_05.jpg" alt=""></div>
                <div class="ap_div2"><img src="./img/zp3_09.jpg" alt=""></div>
                <div class="ap_div3"><img src="./img/zp5_07.jpg" alt=""></div>
                <div class="ap_div4"><img src="./img/zp6_03.jpg" alt=""></div>
                <div class="ap_div5"><img src="./img/zp7_03.jpg" alt=""></div>
                <div class="ap_div6"><img src="./img/zp8_03.jpg" alt=""></div>
                <div class="ap_div7"><img src="./img/xgou.jpg" alt=""></div>
                <div class="ap_div8"><img src="./img/news4.jpg" alt=""></div>
                <div class="ap_div9"><img src="./img/news3.jpg" alt=""></div>
                <div class="ap_div10"><img src="./img/news1.jpg" alt=""></div>
            </div>
        </div>
    </div>
    <!-- 产品中心 -->
    <div class="produc_center">
        <div class="part_title">产品中心</div>
        <div class="part_decoration"><img src="./img/xhx_01.jpg" alt=""></div>
        <div class="produc_center_continer">
            <div class="produc_center_item w">
                <div class="pc_parent">
                    <div class="pc_div1">
                        <img src="./img/96_ba8i.png" alt="">
                        <div>职业夹克装</div>
                    </div>
                    <div class="pc_div2"><img src="./img/86_mcj8.png" alt="">
                        <div>鳄鱼纹宠物项圈</div>
                    </div>
                    <div class="pc_div3"><img src="./img/88_qo13.png" alt="">
                        <div>金属镶钻宠物项圈</div>
                    </div>
                    <div class="pc_div4"><img src="./img/87_kefk.png" alt="">
                        <div>泡棉拉宠物胸背带</div>
                    </div>
                    <div class="pc_div5"><img src="./img/89_9k3a.png" alt="">
                        <div>玫红色狗狗项圈</div>
                    </div>
                    <div class="pc_div6"><img src="./img/90_fsq6.png" alt="">
                        <div>金属镶钻宠物项圈</div>
                    </div>
                    <div class="pc_div7"><img src="./img/91_bfvn.png" alt="">
                        <div>涤纶反光牵引胸背带</div>
                    </div>
                    <div class="pc_div8"><img src="./img/92_72g1.png" alt="">
                        <div>皮质牵引套装</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 用户反馈 -->
    <div class="feedback">
        <div class="w feedback_block">
            <div class="feedback_item">
                <img src="./img/xiaotu.png" alt="">
                <div>
                    <h5>上海李小姐：</h5>
                    <div>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们家的狗狗（嘟嘟）得了犬瘟。听朋友们说宠物看病一定要去大一点的宠物医院去看病，前三天是一家，后四天又换了一家。主要是因为疗效不行才换的。那里不错。我也是抱着试试的态度去看看，死马当活马医吧.</br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;医院不太大，卫生**是可以的，基本闻不到动物的BB味。我就接受了一位姓吕的老大夫的建议，治疗了几天，现在恢复的很好，基本康复了，太感谢吕医生了！
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 专家团队 -->
    <div class="master_team">
        <div class="part_title_dark">专家团队</div>
        <div class="part_decoration_dark"><img src="./img/xhx2_03.jpg" alt=""></div>
        <div class="master_team_continer w">
            <div class="master_team_item">
                <img src="./img/td1.jpg" alt="">
                <h5>成医生</h5>
                <div>3年宠物医生经验</div>
            </div>
            <div class="master_team_item">
                <img src="./img/td2.jpg" alt="">
                <h5>李医生</h5>
                <div>5年宠物医生经验</div>
            </div>
            <div class="master_team_item">
                <img src="./img/td3.jpg" alt="">
                <h5>许医生</h5>
                <div>8年宠物医生经验</div>
            </div>
        </div>
        <div class="about_button mt_btn"><a>查看更多</a></div>
    </div>
    <!--  新闻中心 -->
    <div class="news_center">
        <div class="part_title">新闻中心</div>
        <div class="part_decoration"><img src="./img/xhx_01.jpg" alt=""></div>
        <div class="news_center_continer w">
            <div class="news_center_item">
                <img src="./img/news6.jpg" alt="">
                <h5>注意青春期血压</h5>
                <div>2014-10-08</div>
                <div>
                    当人进入青春发育期，也就是十三、四岁时，其血压已开始接近成年人，如处于安静状态时，血压高于140/90毫米汞柱，就可以认为是血压偏高，被认为青春期......
                </div>
            </div>
            <div class="news_center_item">
                <img src="./img/news4.jpg" alt="">
                <h5>正确使用电子血压计应注意哪些问题</h5>
                <div>2014-10-08</div>
                <div>
                    一是每个人的血压在一天之内的变化很大。严格来说，人每一时刻的血压是不一样的，它是随着人的心理状态、时间、季节、气温的变化以及测量的部位（臂或腕）、体位（坐或卧）....../90毫米汞柱，就可以认为是血压偏高，被认为青春期......
                </div>
            </div>
            <div class="news_center_item">
                <img src="./img/news2.jpg" alt="">
                <h5>看不懂的化验单</h5>
                <div>2014-10-08</div>
                <div>
                    当人进入青春发育期，也就是十三、四岁时，其血压已开始接近成年人，如处于安静状态时，血压高于140/随着医学技术的发展，在医疗过程中进行的化验项目越来越多，它对诊断疾病起着重要的作用。因此，无论是医生还是患者，对于化验结果都很重视。　......
                </div>
            </div>
        </div>
    </div>
    <!-- 联系我们 -->
    <div class="connection">
        <div class="con_continer w">
            <div class="conus_icon">
                <div class="top_banner_left" style="display: block;">
                    <div class="tbl_block1">
                        <img src="./img/logo.png" alt="">
                    </div>
                    <div class="tbl_block2">
                        <h4>萌宠乐园</h4>
                        <h6>Service for Dogs and Cats</h6>
                    </div>
                </div>
            </div>
            <div class="con_way">
                <div class="con_title">联系方式</div>
                <div>地点：中国地区XX分区5A写字楼8-88室</br>
                    邮箱：websi**@qq.com</br>
                    手机：000-0000000</br>
                    传真：021-0000000</br>
                </div>
            </div>
            <div class="botton_aboutus">
                <div class="con_title">关于我们</div>
                <div>吸收全球业界的先进经验，不断强化自身的研发实力，以多名动物营养硕士和兽医为核心，建立了亚洲较大的宠物食品研发中心。</div>
                <div>制定了适口性、营养全面提升的每年计划。由国内外知名学者教授为核心的宠物营养研究所也在筹备中。</div>
            </div>
            <div class="scan">
                <div class="con_title">扫一扫关注</div>
                <img src="./img/50r9.jpg" alt="">
            </div>
        </div>
    </div>
</body>

</html>